<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
    <script src="./bootstrap/js/jquery.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <style>
        a,
        a:hover {
            text-decoration: none;
            color: #333;
        }

        .movie-detail {
            margin-top: 80px;
            margin-bottom: 30px;
        }

        .player {
            width: 100%;
            height: 400px;
        }

        .introduce,.movie-info {
            line-height: 30px;
            color: #555;
        }

        /* 底部 */
        .footer {
            padding-top: 20px;
            padding-bottom: 20px;
            text-align: center;
            color: #DDD;
            background-color: #151E29;
            line-height: 30px;
        }
    </style>
    <!-- 电影素材来自豆瓣 https://movie.douban.com/ -->
</head>

<body>

    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="./index.html">青鸟大电影</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">正在热映 <span class="sr-only">(current)</span></a></li>
                    <li><a href="#">TOP250</a></li>
                    <li><a href="#">欧美大片</a></li>
                    <li><a href="#">日韩电影</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="./reg.html">注册</a></li>
                    <li><a href="./login.html">登录</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container movie-detail">
        <div class="row">
            <div class="col-xs-8">
                <embed class="player" src="https://v.qq.com/txp/iframe/player.html?vid=l0033spqumo" type="">
            </div>
            <div class="col-xs-4 movie-info">
                <h2>片名: 龙岭迷窟 </h2>
                <div>
                    类型: 
                    <span class="label label-info">剧情</span>
                    <span class="label label-info">惊悚</span>
                    <span class="label label-info">盗墓</span>
                </div>
                <div>
                    语言: 普通话
                </div>
                <div >
                    评分: 9.0
                </div>
                <div >
                    导演: 费振祥
                </div>
                <div >
                    主演: 潘粤明/张雨绮
                </div>
               
            </div>

        </div>
        <div class="row">
            <div class="col-xs-12 introduce">
                <h3>影片简介:</h3>
                李子勇Thomas（林保怡／陈健朗饰）出生贫穷，年轻时为赚取母亲（张慧仪饰）的医药费，拼命打工赚钱，认识了同在茶餐厅打工的少女方小薇Sammy（周家怡／谈善言饰），自此变成好朋友。茶餐厅老板（秦沛／艾威饰）分配Thomas到比利时进行走私名表的生意，因一个重大的错误在比利时留了二十年，并结识了出生入死的红颜知己Judy（李思函饰）。四年前，Thomas返回香港跟Sammy一起开办餐厅，并重遇在比利时结识，何乐儿Joyce（卫诗雅／杨偲泳饰），二人一拍即合，很快便走在一起。Thomas及后发现Joyce与一名为胡启源（陈奂仁／黄定谦饰）亦已拍拖八年，并与一名人妻梁淑媛Catherine（伍咏薇饰）育成子（岑珈其饰）。六人关系扑朔迷离。命运让他们的人生交错，相遇，相识，相处，相分到重遇，纠缠一辈子的爱恨，换来一声叹息。
            </div>
        </div>
    </div>

    <div class="container-fluid footer">
        <div class="row">
            <div class="col-lg-12">
                Copyright 2019 by www.braccp.com 北京畅想唯优信息技术有限公司 All rights reserved.
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                联系电话：029-88212666 地址：西安市雁塔区电子一路 石油大学北门工会楼二层
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                备案号：陕ICP备19013769号-1
            </div>
        </div>
    </div>
</body>

</html>